<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>源码大数据-API</title>

    <!-- 引入css文件 -->
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./api.css">

</head>

<body>
    <!-- 网页头部 -->
    <header class="head df jsb ac">
        <div>
            <a href="../home/home.html"><img src="../../assets/imgs/new-logo-white2.png" alt=""></a>
        </div>
        <div>
            <nav>
                <ul class="df">
                    <li><a href="../home/home.html">首页</a></li>
                    <li class="active li1"><a href="./api.html" class="a1">API</a></li>
                    <li><a href="../case/case.html">案例</a></li>
                </ul>
            </nav>
        </div>
        <div class="df">
            <a href="../login/login.html" class="btn loginBtn">登录</a>
            <a href="../register/register.html" class="btn regBtn">注册有礼</a>
        </div>
    </header>
    <!-- api分类导航 -->
    <section class="sort-api wrap">
        <!-- 标题 -->
        <div class="sort-api-title">API分类</div>
        <!-- 导航内容 -->
        <div class="sort-api-nav df fw">
            <!-- <a href="#">全部</a>
            <a href="#">生活服务</a>
            <a href="#">金融科技</a>
            <a href="#">交通地理</a>
            <a href="#">充值缴费</a>
            <a href="#">数据智能</a>
            <a href="#">企业工商</a>
            <a href="#">应用开发</a>
            <a href="#">电子商务</a>
            <a href="#">吃喝玩乐</a>
            <a href="#">文娱视频</a>
            <a href="#"><strong>免费接口大全</strong></a>
            <a href="#">短信</a>
            <a href="#">汽车</a>
            <a href="#">核验</a>
            <a href="#"><strong>最新发布</strong></a>
            <a href="#"><strong>API私有化部署</strong></a> -->
        </div>
        <!-- 搜索框样式设置 -->
        <div class="sort-api-search df">
            <p>全部</p>
            <div class="df">
                <input type="text" placeholder="身份证实名">
                <span></span>
            </div>
        </div>

        <!-- api列表 -->
        <div class="sort-api-list wrap">
            <ul class="ulList df fw">
                <!-- <li>
                    <a href="#">
                        <div class="list-item">
                            <img src="../../assets/imgs/API_01.jpg" alt="">
                            <p class="desc">2021出行防疫政策指南</p>
                            <p class="green">免费</p>
                        </div>
                    </a>
                    <span class="top">企业专用</span>
                    <div class="btn">申请数据</div>
                </li> -->
            </ul>
        </div>

        <!-- 分页栏 -->
        <div class="sort-api-page wrap">
            <div class="sort-api-page-cont df jsb">
                <a href="#" class="first">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">6</a>
                <a href="#">7</a>
                <a href="#">8</a>
                <span>......</span>
                <a href="#" class="next">下一页&gt;</a>
            </div>
        </div>
    </section>

    <!-- 页尾 -->
    <footer class="foot">
        <div class="topCont wrap df jsp">
            <div class="foot-nav df jsp">
                <div class="box">
                    <h2>联系与支持</h2>
                    <ul>
                        <li>
                            <a href="#">400-882-7715</a>
                        </li>
                        <li>
                            <a href="#">售前咨询</a>
                        </li>
                        <li>
                            <a href="#">客服&售后</a>
                        </li>
                        <li>
                            <a href="#">常见问题</a>
                        </li>
                        <li>
                            <a href="#">极速工单</a>
                        </li>
                        <li>
                            <a href="#">投诉与建议</a>
                        </li>
                    </ul>
                </div>
                <div class="box">
                    <h2>关于源码</h2>
                    <ul>
                        <li>
                            <a href="#">合作伙伴</a>
                        </li>
                        <li>
                            <a href="#">服务条款</a>
                        </li>
                        <li>
                            <a href="#">隐私政策</a>
                        </li>
                        <li>
                            <a href="#">市场合作</a>
                        </li>
                        <li>
                            <a href="#">反商业贿赂声明</a>
                        </li>
                    </ul>
                </div>
                <div class="box">
                    <h2>快速入口</h2>
                    <ul>
                        <li>
                            <a href="#">API数据</a>
                        </li>
                        <li>
                            <a href="#">黑钻会员</a>
                        </li>
                        <li>
                            <a href="#">新闻动态</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                        <li>
                            <a href="#">加入我们</a>
                        </li>
                    </ul>
                </div>
                <div class="box">
                    <h2>产品服务</h2>
                    <ul>
                        <li>
                            <a href="#">云监测</a>
                        </li>
                        <li>
                            <a href="#">云查询</a>
                        </li>
                        <li>
                            <a href="#">云助手</a>
                        </li>
                        <li>
                            <a href="#">聚盒子</a>
                        </li>
                        <li>
                            <a href="#">云充值</a>
                        </li>
                    </ul>
                </div>
                <div class="box">
                    <h2>解决方案</h2>
                    <ul>
                        <li>
                            <a href="#">数字中台</a>
                        </li>
                        <li>
                            <a href="#">慧集：API生命周期管理</a>
                        </li>
                        <li>
                            <a href="#">有赢：助力企业营销</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="code">
                <h2>微信公众号</h2>
                <p>源码时代</p>
                <img src="../../assets/imgs/wechat-white.png" alt="">
            </div>
        </div>
        <div class="btnCont wrap df jsp">
            <div class="btnCont-box1">
                <a href="#"><img src="../../assets/imgs/bei2.png" alt=""></a>&nbsp;
                <a href="#"><img src="../../assets/imgs/bei1.png" alt=""></a>&nbsp;
                <a href="#">增值电信业务经营许可证：蜀B2-20180596&emsp;蜀ICP备15006450号-3&emsp;营业执照</a>
            </div>
            <div class="btnCont-box2">
                <span>源码大数据股份有限公司©版权所有</span>
            </div>
        </div>
    </footer>

    <!-- 模态框 -->
    <div class="mask">
        <div class="mask-box">
            <div class="mask-model">
                <div class="mask-model-title">
                    <a href="../home/home.html"><img src="../../assets/imgs/loginlogo.png" alt=""></a>
                </div>
            </div>
            <div class="tap">
                <!-- 顶部样式 -->
                <ul class="tap-top df jc">
                    <li class="tap-top-item active">账号登录</li>
                    <li class="tap-top-icon"></li>
                    <li class="tap-top-item">扫码登录</li>
                </ul>
                <!-- 登录盒子 -->
                <div class="tap-box current">
                    <div class="user-box">
                        <span class="iconfont icon-user bold userName"></span>
                        <span class="iconfont icon-del delete"></span>
                        <input type="text" placeholder="用户名/手机号/邮箱" id="uesr-name">
                        <span class="accountTips tips"></span>
                    </div>
                    <div class="pwd-box">
                        <span class="iconfont icon-pwd bold password"></span>
                        <span class="iconfont icon-del delete2"></span>
                        <input type="password" placeholder="密码" id="pwd">
                        <span class="passwordTips tips"></span>
                    </div>
                    <a href="#" class="forget">忘记密码</a>
                    <button class="submitBtn">登录</button>
                    <span class="iconfont icon-next bold next"></span>
                    <p class="p1">还没有源码账号，<a href="../register/register.html" class="reg"> 立即注册</a></p>
                </div>
                <!-- 扫描登录盒子 -->
                <div class="tap-box current2">
                    <div class="tap-code-box">
                        <img src="../../assets/imgs/showqrcode.jpg" alt="">

                        <p class="pTop">微信扫码登录</p>
                        <p class="pBot">未关注源码科技公众号，请先关注后再登录</p>
                    </div>
                    <p class="hold">
                        还没有源码账号，
                        <a href="../register/register.html">立即注册</a>
                        <span class="iconfont icon-next bold next"></span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <script src="../../assets/libs/fn.js"></script>
    <script src="./api.js "></script>

</body>

</html>